<!DOCTYPE html>
<html lang="ZH">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,user-scalable=no"/>
<meta name="keywords" content="飞日润滑油,飞日润滑,润滑油,广西飞日" />
<meta name="description" content="欢迎光临广西飞日润滑股份有限公司官方网站！" />
<title>南宁飞日润滑股份有限公司官方网站</title>
<link rel="stylesheet" type="text/css" href="css/reset.css"/>
<link rel="stylesheet" type="text/css" href="css/swiper.min.css">
<link rel="stylesheet"  type="text/css" href="css/animate.min.css">
<link rel="stylesheet" type="text/css" href="css/frHome.css" />
<script type="text/javascript" src="js/swiper.min.js"></script>
<script type="text/javascript" src="js/swiper.animate.min.js"></script>
<script type="text/javascript" src="js/frHome.js"></script>
    <script src="js/goback.js"></script>
</head>
<style>
	html,body{height:100%;}
</style>
<body>
<!--导航-->
<nav>
	<a class="active" href="index.html">
	<div class="icon indexBtn"></div>
	<span>首页</span>
	</a>
	<a class="" href="http://fr.wfx.ngzb.com.cn">
	<div class="icon productionBtn"></div>
	<span>产品</span>
	</a>
	<a class="" href="service.html">
	<div class="icon serviceBtn"></div>
	<span>服务</span>
	</a>
	<a class="" href="news.html">
	<div class="icon newsBtn"></div>
	<span>新闻</span>
	</a>
	<a class="" href="enterprise.html">
	<div class="icon enterpriseBtn"></div>
	<span>企业</span>
	</a>
</nav>
<!--首页滑动内容-->
<div class="swiper-container">
	<div class="swiper-wrapper">
		<!--封面-->
		<div class="swiper-slide swiper-slide1 coverPage ">
			<div class="logoBox ani resize" swiper-animate-effect="zoomIn" swiper-animate-duration="1s" swiper-animate-delay="0.1s">
				<img src="ui/indexImg_1_1.png">
			</div>
			<div class="arrow ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="1s" swiper-animate-delay="0.2s">向下翻页</div>
		</div>
		<!--企业-->
		<div class="swiper-slide swiper-slide2 enterprisePage ">
			<h2 class="ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s" >企业</h2>
			<b class="ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.7s"><img src="ui/indexTitle_2.png"></b>
			<p class="ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.9s">人生旅途中没有停靠站<br>
				自我本身就是一个出发点</p>
			<div class="ani imgBox_1" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.1s"><img src="ui/indexImg_2_1.png"></div>
			<a class="moreBtn ani" swiper-animate-effect="bounceIn" swiper-animate-duration="1s" swiper-animate-delay="1s" href="enterprise.html"><img src="ui/indexMoreBtn.png"></a>
		</div>
		<!--产品-->
		<div class="swiper-slide swiper-slide3 productionPage ">
			<h2 class="ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s">产品</h2>
			<b class="ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.7s"><img src="ui/indexTitle_3.png"></b>
			<p class="ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.9s">我们只为做好一件事<br>
				就是尽情释放引擎的动力</p>
			<div class="imgBox_2 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.1s"><img src="ui/indexImg_3_1.png"></div>
			<div class="imgBox_3 ani" swiper-animate-effect="zoomInUp" swiper-animate-duration="1s" swiper-animate-delay="0.3s"><img src="ui/indexImg_3_2.png"></div>
			<a class="moreBtn ani" swiper-animate-effect="bounceIn" swiper-animate-duration="1s" swiper-animate-delay="1s" href="enterprise.html"><img src="ui/indexMoreBtn.png"></a>
		</div>
		<!--服务-->
		<div class="swiper-slide swiper-slide4 servicePage ">
			<h2 class="ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s">服务</h2>
			<b class="ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.7s"><img src="ui/indexTitle_4.png"></b>
			<p class="ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.9s">成为你的私人引擎养护专家<br>
				是我们不努力的目标</p>
			<div class="imgBox_4 ani"  swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.1s"><img src="ui/indexImg_4_1.png"></div>
			<a class="moreBtn ani" swiper-animate-effect="bounceIn" swiper-animate-duration="1s" swiper-animate-delay="1s" href="enterprise.html"><img src="ui/indexMoreBtn.png"></a>
		</div>
		<!--方案-->
		<div class="swiper-slide swiper-slide5 planPage ">
			<div class="planBox ani"  swiper-animate-effect="zoomIn" swiper-animate-duration="1s" swiper-animate-delay="0.1s">
				<h2>全面润滑方案</h2>
				<b><img src="ui/indexTitle_5.png"></b>
				<p>更强的动力、更安全的防护<br>
					来自飞日润滑油的科技杰作</p>
			</div>
			<a href="enterprise.html" class="ani"  swiper-animate-effect="flipInY" swiper-animate-duration="1s" swiper-animate-delay="0.5s">了解更多</a>
		</div>
	</div>
	<div class="swiper-pagination"></div>  
</div>
<script type="text/javascript">indexSwipe()</script>
</body>
</html>